<template>
    <div class="home">
        <div class="logo">
            <img src="../assets/img/index/logo.png" alt="">
            <p class="p-1">吃喝玩乐全都有</p>
            <p class="p-2">塞罕云v11.11.203-b1100110203-132989</p>
        </div>
        <div class="content">
            <ul class="aboutItems">
                <li class="item" @click="goqualification">
                    <span>塞罕云资质</span>
                    <span><img src="../assets/img/index/rightward1.png" alt=""></span>
                </li>
                <li class="item" @click="goaptitude">
                    <span>塞罕云规则</span>
                    <span><img src="../assets/img/index/rightward1.png" alt=""></span>
                </li>
                <li class="item" @click="goreport">
                    <span>举报信息</span>
                    <span><img src="../assets/img/index/rightward1.png" alt=""></span>
                </li>
                <!-- <li class="item" @click="gocopyright">
                    <span>版权信息</span>
                    <span><img src="../assets/img/index/rightward1.png" alt=""></span>
                </li> -->
            </ul>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return{

        }
    },
    mounted(){

    },
    methods:{
        //跳转资质详情
        goqualification(){
            this.$router.push('/qualification')
        },
        //跳转规则详情
        goaptitude(){
            this.$router.push('/aptitude')
        },
        //跳转举报信息
        goreport(){
            this.$router.push('/report')
        },
        //跳版权报信息
        gocopyright(){
            this.$router.push('/copyright')
        }
    },
    watch:{
        
    }
}
</script>

<style scoped>
.home{
    background: #f7f7f8;
    min-height: 100vh;
}
/* logo */
.logo{
    text-align: center;
    padding-top: .7rem;
}
.logo img{
    width: 1.6rem;
}
.logo p{
    text-align: center;
    margin-bottom: .1rem;
}
.logo .p-1{
    color: #6a6a6a;
    font-size: .26rem;
    margin-top: .32rem;    
}
.logo .p-2{
    color: #999;
    font-size: .2rem;
}
/* 点赞吐槽 */
.content{
    margin-top: 1.6rem;
}
.content-top{
    display: flex;
    justify-content: space-between;
}
.content-top>div{
    width: 49%;
    height: .9rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-top img{
    width:.4rem ;
    margin-right: .12rem;
}
/* 关于 */
.aboutItems .item{
    color: #333;
    height: .9rem;
    padding:0 .23rem;
    margin-top: .2rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.aboutItems .item img{
    width: .35rem;
}
</style>